<div>


    <div class="banner">
        <div class="slidebanner">
<!--            <div class="hd">-->
<!--                <ul><li class="on">1</li><li class="">2</li><li class="">3</li><li class="">4</li></ul>-->
<!--            </div>-->
            <div class="bd">
                <ul>
                    <li>
                        <a href=""
                           style="background:url(./img/banner1.png) no-repeat top center"></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nb">
            <div class="nav">
                <div class="nav-classify">
                    <ul class="menu-mainnav" style="height: 450px;display: block">
                        <li v-for="(item, index) in homePageInfo.prodClasses">
                            <div class="sortmaintitle color-change">
                                <a href="javascript:void(0);" v-on:click="_jumpToProductPage(item.hktId)">{{item.hktName}}</a>
                            </div>
                            <!--	二级容器2-->
<!--                            <div class="navsonbox">-->
<!--                                <div class="nr">-->
<!--                                    <div class="navson-classify">-->
<!--                                        <div class="navson-classify-box" v-for="(c1item, c1index) in item.children">-->
<!--                                            <h3 class="maintitle color-change">-->
<!--                                                &lt;!&ndash;<a href="product.html" target="_blank">{{c1item.className}}<span>&gt;</span></a>&ndash;&gt;-->
<!--                                                <a href="javascript:void(0);"-->
<!--                                                   v-on:click="_jumpToProductPage(c1item.classId)">{{c1item.className}}<span>&gt;</span></a>-->
<!--                                            </h3>-->
<!--                                            <div class="navson-classify-subtitle">-->
<!--                                                &lt;!&ndash;<a href="product.html" target="_blank" v-for="(c2item, c2index) in c1item.children">{{c2item.className}}</a>&ndash;&gt;-->
<!--                                                <a href="javascript:void(0);"-->
<!--                                                   v-on:click="_jumpToProductPage(c2item.classId)"-->
<!--                                                   v-for="(c2item, c2index) in c1item.children"><span-->
<!--                                                        class="color-change">{{c2item.className}}</span></a>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
                            <!--	二级容器2 end-->
                        </li>
                    </ul>
                </div>
            </div>
            <div class="lognew">
                <div class="login-quick">
                    <!-- 头像先隐藏   <a href="pageLR.html" class="head"><img src="./img/loginhead.png" alt="70*70"></a>-->
                    <p>你好， <a href="javascript:void(0);" v-if="userInfo.userId != ''" class="system-name">{{userInfo.name}}</a>
                    </p>
                    <a v-if="userInfo.userId == ''" href="pageLR.html" class="btn-login">请登录</a>
                    <a v-if="userInfo.userId == ''" href="pageLR.html#/pages/plateform/register"
                       class="btn-regist">免费注册</a>
                </div>
                <div class="new-quick">
                    <div class="quicknew-bar">
                        <span>最新资讯</span>
                        <!-- <a href="n-news.html" target="_blank" class="rside">更多</a> -->
                    </div>
                    <ul>
                        <li v-for="(item, index) in homePageInfo.informations">
                            <a :href="'/page.html#/pages/plateform/information?infoId='+item.infoId" target="_blank" >{{item.title}}</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="nb">
            <!--      这里可以设置广告位置    <div class="cont-item">-->
            <!--                <a href="/page.html#/pages/plateform/product?classId=102023090163120009" target="_blank"><img src="../img/da075f3a5c2719afccd0fdc3c8b8a057.jpg" title="da075f3a5c2719afccd0fdc3c8b8a057.jpg" alt="g1.jpg"></a>-->
            <!--                <a href="/page.html#/pages/plateform/product?classId=102023090107550017" target="_blank"><img src="../img/e12882a17e4860f48470d98c30bbe223.jpg" title="e12882a17e4860f48470d98c30bbe223.jpg" alt="g2.jpg"></a>-->
            <!--                <a href="/page.html#/pages/plateform/product?classId=102023090197800020" target="_blank"><img src="../img/c1b1be46cc7ea00963206d5c22b302bb.jpg" title="c1b1be46cc7ea00963206d5c22b302bb.jpg" alt="g3.jpg"></a>-->
            <!--                <a href="/page.html#/pages/plateform/product?classId=102023090155850023" target="_blank"><img src="../img/9af51dec63ab2a21e4fae40dfc7e9a35.jpg" title="9af51dec63ab2a21e4fae40dfc7e9a35.jpg" alt="g4.jpg"></a>-->
            <!--        v-if="item.products != null && item.products.length > 0"    </div>-->
            <div class="floor-fontainer">
                <div class="rightgood-body">
                    <div class="floor" :class="'floor'+index" :id="'floor'+index" v-for="(item, index) in homePageInfo.prodClasses" >
                        <div class="floor-title">
                            <h3><a :href="'/page.html#/pages/plateform/product?hktId='+item.hktId" target="_blank">{{item.hktName}}</a></h3>
                            <a :href="'/page.html#/pages/plateform/product?hktId='+item.hktId" target="_blank" class="more">查看全部 &gt;</a>
                        </div>
                        <div class="floornr">
                            <div class="itemsale">
                                <a :href="'/page.html#/pages/plateform/product?hktId='+item.hktId" target="_blank" class="picbox">
                                    <img v-bind:src="item.hktIcon" alt="">
                                </a>
                                <a :href="'/page.html#/pages/plateform/product?hktId='+item.hktId" target="_blank" class="itemtitle">
                                    <h4 class="ellipsis">{{item.hktName}}</h4>
                                    <p class="ellipsis">{{item.hktDesc}}</p>
                                </a>
                            </div>
                            <div class="style-sale">
                                <ul>
                                    <li  v-for="(product, pindex) in item.products">
                                        <a :href="'/page.html#/pages/plateform/productDetail?productId='+product.productId" target="_blank">
                                            <h4 class="ellipsis">{{product.prodName}}</h4>
                                            <p class="ellipsis"></p>
                                            <div class="picbox">
                                                <img v-bind:src="product.coverPhoto" :alt="product.prodName">
                                            </div>
                                        </a>
                                    </li>
                                    <img v-if="item.products == null || item.products.length == 0" src="../../../img/no-products.jpg" style="width: 600px;display: block;margin: auto;margin-top: 76px;">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
